<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>个人简介</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" href="../../css/footer.css">
<link rel="stylesheet" href="../../css/font_my/iconfont.css">

<link rel="stylesheet" href="qiniu/indexs.css">

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
    background: #eee;
		color:#555555;
	}
	p{
		margin: 0;
	}
	.bian{
		width: calc(100% - 20px);
		padding: 0 10px;
	}
	.introYin{
		display: flex;
		background: #eee;
		line-height: 50px;
	}
	.introYinL{
		width: calc(100% - 90px);
		font-weight: bold;
		font-size: 16px
	}
	.introYinR{
		width: 90px;
		text-align: right;
	}
	textarea{
		width: 100%;
		height: 100px;
		resize: none;
		border:none;
	}
	.aaP{
		text-align: right;
		color: #4f81d4;
		line-height: 35px
	}
	.yanse,.introSY{
		background:#fff;
	}
	.audio{
		width: 100%;
		display: flex;
	}
	.audioBtnL{
		width: 80px;
	}
	.audioBof{
		width: 40px;
		border-radius: 50%;
		margin: 10px 20px;
	}
	.audioBof img{
		width: 100%;
		border-radius: 50%;
	}
	.audioBtnR{
		width: calc(100% - 80px);
		line-height: 60px;
		color:#f6b37f;
	}
	.introBiao{
		background: #fff;
	}
	.introAdd{
		width: 100%;
		padding: 10px 0;
	}
	.introAddNtn{
		width: 100px;
		height: 30px;
		border-radius:15px;
		border:1px solid #ccc;
/*		background: url("../../image/my/jhd.png");
		background-size: 20px 20px;
		background-position: center;
		background-repeat: no-repeat;*/
		background-color: #eee;
		display: inline-block;
		margin: 5px;
		line-height: 30px;
		text-align: center;
	}
/*	.introAddNtn img{

	}*/
	.introDis{
		display: none;
	}
	.text{
		line-height: 30px;
		padding: 0 10px;
		margin: 5px;
		border-radius:15px;
		border:1px solid #ccc;
		display: inline-block;

	}
	.zt{
		padding: 0 5px;
	}
	.texts{
		line-height: 30px;
		padding: 0 10px;
		margin: 5px;
		border-radius:15px;
		display: inline-block;
		background: #eee;

	}
	.introZhao{
		position: relative;
    background: #fff;
	}
	.chuan{
		display: flex;
	}

  .baoBtn{
    width: 100%;
    line-height: 35px;
    color: #fff;
    background: #4f81d4;
    text-align: center;
    margin: 20px 0;
  }
  #box2{
    margin: 5px;
  }
  .zhus{
    width: calc(100% - 20px);
    padding: 0 10px;
    margin-top: 20px;
    color: red;
    font-size: 13px;
  }
  .tanbiao{
    position: fixed;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;

  }
  .tbz{
    width: 90%;
    height: 150px;
    background: #fff;
    border-radius: 5px;
    margin-top: calc(50% - 20px);
    margin-left: 5%;
  }
  .tbzt{
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #eee;
  }
  .tbzi{
    width: calc(100% - 22px);
    padding: 0 10px;

  }
  .tbzinput{
    width: 100%;
    height: 30px;
  }
  .tbzBtn{
    width: calc(100% - 20px);
    padding: 0 10px;
    display: flex;
  }
  .tbzBtnN{
    width: calc(100% - 20px);
    margin: 10px;
    text-align: center;
    line-height: 30px;
    color: #4f81d4;
    border:1px solid #4f81d4;
  }
  .tbzBtnY{
    width: calc(100% - 20px);
    margin: 10px;
    text-align: center;
    line-height: 30px;
    background: #4f81d4;
    color: #fff;
  }
/*简介例子*/
  .tants{
    position: fixed;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
  }
  .ttz{
    width: 90%;
    height: 250px;
    background: #fff;
    border-radius: 5px;
    margin-top: calc(50% - 50px);
    margin-left: 5%;
    position: relative;
  }
  .ttzt{
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #eee;
  }
  .ttzdiv{
    width: calc(100% - 20px);
    height: 190px;
    padding: 0 10px;
    overflow-x: hidden;
  }
  .ttzBtn{
    position: absolute;
    top:5px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
/*录制语音*/
  .tanSY{
    position: fixed;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
  }
  .tSYz{
    width: 90%;
    height: 70%;
    background: #eee;
    border-radius: 5px;
    margin-top: 15%;
    margin-left: 5%;
    position: relative;
  }
  .tSYzt{
    line-height: 50px;
    text-align: center;
    border-bottom: 1px solid #eee;
    background: #fff;
  }
  .tSYzi{
    width: 100%;
    height: 40%;
    display: inline-block;
    background: #fff;
  }
  .tSYzn{
    width: 60px;
    height: 60px;
    /*margin: auto;*/
    /*vertical-align: middle;*/
    margin-left: calc(50% - 30px);
    margin-top: 20%;
  
    border-radius: 50%;
    border:1px solid #f6b37f;
    box-shadow: 0 0 10px #f6b37f;
  }
  .tSYzn img{
    width: 100%;
    border-radius: 50px;
  }
  .tSYzts{
    width: 100%;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
    background: #fff;

  }
  .tSYzli{
    width: calc(100% - 20px);
    height: calc(100% - 100px);
    padding: 0 10px;
    /*background: #eee;*/
  }
  .tSYzBtn{
    position: absolute;
    top:5px;
    right: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }

</style>

</head>
<body>
	<div class="intro">
		<div class="bian introYin">
			<div class="introYinL">我的个人简介</div>
			<div class="introYinR"><span class="areaK"></span>/2000</div>
		</div>
		<div class="bian yanse">
			<textarea name="" id="aa"></textarea>
			<p class="aaP">不会写简介？戳这里<i class='iconfont icon-arrow-right-copy'></i></p>
		</div>
		<div class="bian introYin">
			<div class="introYinL">我的声音</div>
			<div class="introYinR"></div>
		</div>
		<div class="bian introSY">
      <audio autoplay></audio>
      <div class="audio">
      	<div class="audioBtnL">
      		<div class="audioBof" onclick="playRecording()"><img src="../../image/my/lytbdx.png" class="SYBimg" alt=""></div>
      	</div>
      	<div class="audioBtnR">录制我的声音</div>
      </div>

	            <!-- <input type="button" value="录音" id='luzhi' /> -->
	            <!-- <input onclick="playRecording()" type="button" value="播放" /> -->
	            <!-- <input onclick="uploadAudio()" type="button" value="提交" /> -->
	            <!-- <div id="recordingslist"></div> -->
		</div>
		<div class="bian introYin">
			<div class="introYinL">我的标签</div>
			<div class="introYinR"><span class="biaoK"></span>/10</div>
		</div>
		<div class="bian introBiao">
			<div class="introAdd">
				<!-- <div class="introAddNtn" onclick="add()"></div> -->
				<div class="introAddNtn"><i class='iconfont icon-jiahao1'></i></div>

			</div>
			<div class="introcan">可参考标签</div>
			<div class="introkao">
				<text class="texts">诚信至上</text>
				<text class="texts">豪爽耿直</text>
				<text class="texts">广交朋友</text>
				<text class="texts">原则性强</text>
				<text class="texts">互联网创业者</text>
				<text class="texts">有两把刷子</text>
				<text class="texts">温暖的小太阳</text>
				<text class="texts">小奶猫</text>
			</div>
		</div>
		<div class="bian introYin">
			<div class="introYinL">我的照片</div>
			<div class="introYinR"><span class="zhaoK"></span>/9</div>
		</div>
		<div class="bian introZhao">
			<div class="mainContainer">
			    <div class="nav-box" >
			      <div id="process" class="tab-content">
			        <div class="tab-pane fade in active" id="h5">
			          <div id="fsUploadProgress"></div>
			          <div class="chuan">
			          	
				          <form method="post" enctype="multipart/form-data" id="form" action="upload">
				            <div id="box2">
				              <button class="select-button select-button" sid=''><i class='iconfont icon-jiahao1'></i></button>
				              <input class="file-input" type="file" id="select2" sid='' class="select2" multiple="multiple"/>
				            </div>
				          </form>
				          <div class="uploading uploading" id="uploading">开始上传</div>
			          </div>
			        </div>
			      </div>
			    </div>
			  </div>
			</div>
		<!-- </div> -->
    <!-- </div> -->
    <p class="zhus">保存之前请先点击“开始上传”上传图片图片上传完成后再保存</p>
		<div class="baoBtn">保存</div>
		<!-- <input class="aa" type="text" value id="a" name="ss"> -->
		<!-- <textarea name="" id="" class="aa" ></textarea> -->
	
	</div>
  <div class="tants">
    <div class="ttz">
      <div class="ttzt">个人介绍参考</div>
      <!-- <div class="ttzi"></div> -->
      <div class="ttzdiv">HI,欢迎来到我的个人名片。我是xxx,在xxx公司xxx部门担任xxx职位，负责xxx工作（工作职责）。进入xxx公司之前我曾在xxx公司（以往公司）担任xxx职位，拥有x年的xxx经验（比如市场销售）,在xxx领域里（专业领域）经验丰富。工作之外，我喜欢唱歌和跑步，与家人一起旅行是我最大的快乐。（兴趣爱好）您可以通过名片中的官网、商城等更多的了解新华扬，如有业务合作或其它任何问题，请与我联系，我会第一时间回复您！</div>
      <div class="ttzBtn"><i class="iconfont icon-cha ttzG"></i></div>
    </div>
  </div>
  <div class="tanSY">
    <div class="tSYz">
      <div class="tSYzt">录制语音推荐语</div>
      <div class="tSYzi">
        <div class="tSYzn" id='luzhi'>
          <img src="../../image/my/ly1.jpg" class="tSYimg" alt="">
        </div>
      </div>
      <div class="tSYzts">点击图标开始录音</div>
      <div class="tSYzli">hi，你好，能认识你是缘分，欢迎来到我的电子名片；我叫xxx,是xxx公司xxx（职位），希望为更多有需要xxx产品的人提供更好的产品服务，做不了生意可以交个朋友哦，请收下我的名片</div>
      <div class="tSYzBtn"><i class="iconfont icon-cha ttzG"></i></div>
    </div>
  </div>
  <div class="tanbiao">
    <div class="tbz">
      <div class="tbzt">添加标签</div>
      <div class="tbzi"><input type="text" class="tbzinput" placeholder="请输入标签名"></div>
      <div class="tbzBtn">
        <div class="tbzBtnN">取消</div>
        <div class="tbzBtnY">确定</div>
      </div>
    </div>
  </div>
</body>

<script src='../../js/jquery.js'></script>
<script type="text/javascript" src='qiniu/qiniu.min.js'></script>
<script type="text/javascript" src='qiniu/md5.js'></script>
<script type="text/javascript" src='qiniu/widget.js'></script>
<script type="text/javascript" src='qiniu/common.js'></script>
<script type="text/javascript" src='qiniu/ui.js'></script>
<!-- <script type="text/javascript" src='qiniu/uploadWithSDK.js'></script> -->

<script src='sy.js'></script>

<script type="text/javascript">
	// 9ba061ab29d6bb5a820d75c09d2b4ea8

var num = 8;//商品图片最大上传数量为5

	var biaoNum=0
	var zhaoNum = 0;
	var introAdd = document.querySelector(".introAdd");
	var introAddNtn = document.querySelector(".introAddNtn");
  var tSYimg = document.querySelector(".tSYimg");

	// var div = document.createElement("div");
	// 	div.className = "introAddNtn"
	// 	// div.textContent = ""
	// 	introAdd.appendChild(div,introDis);

	$(".areaK").html("0")
	$(".biaoK").html("0")
	$(".zhaoK").html("0")
  $(".aaP").click(function(){
    $(".tants").css("display","block")
  })
  $(".ttzBtn").click(function(){
    $(".tants").css("display","none")
  })
    //propertychange监听input里面的字符变化,属性改变事件
    $('#aa').bind('input propertychange', function() {
        var $this = $(this);
        var text_length = $this.val().length;//获取当前文本框的长度
        $(".areaK").html(text_length)
    });

    
    $(".audioBtnR").click(function(){
      $(".tanSY").css("display","block")
    })
    $(".tSYzBtn").click(function(){
      $(".tanSY").css("display","none")
    })
    //录制音频
    var recorder;
    var audio = document.querySelector('audio');
    var luzhiNum = true
   	$("#luzhi").click(function(){
   		// luzhiNum = true;
   		if(luzhiNum){
        tSYimg.src = "../../image/my/ly2.gif"
        $(".tSYzts").html("点击图标停止录音")

   			startRecording() 
   			luzhiNum = false;
   		}else{
        tSYimg.src = "../../image/my/ly1.jpg"
        $(".tSYzts").html("点击图标开始录音")
   			stopRecording()
   			luzhiNum = true;

   		}
   	})
    function startRecording() {
        HZRecorder.get(function(rec) {
            recorder = rec;
            recorder.start();
        }, {
            sampleBits: 16,
            sampleRate: 16000
        });
    }
    function stopRecording() {
        recorder.stop();
        var blob = recorder.getBlob();
        var url = URL.createObjectURL(blob);
        var div = document.createElement('div');
        var au = document.createElement('audio');
        var hf = document.createElement('a');
        au.controls = true;
        au.src = url;
        hf.href = url;
        hf.download = new Date().toISOString() + '.wav';
        hf.innerHTML = hf.download;
        div.appendChild(au);
        div.appendChild(hf);
        // recordingslist.appendChild(div);
    }
    function playRecording() {
      if(recorder == undefined){
        alert("暂无声音，请点击“录制我的声音”录制")
      }else{
        var SYBimg = document.querySelector(".SYBimg")
        // SYBimg.src = "../../image/my/lytbdx.gif"
        recorder.play(audio);
      }
      // console.log(recorder)
    }
    function uploadAudio() {
        recorder.upload("Handler1.ashx", function(state, e) {
        	console.log(state,e)
            switch(state) {
                case 'uploading':
                    //var percentComplete = Math.round(e.loaded * 100 / e.total) + '%';
                    break;
                case 'ok':
                    //alert(e.target.responseText);
                    alert("上传成功");
                    break;
                case 'error':
                    alert("上传失败");
                    break;
                case 'cancel':
                    alert("上传被取消");
                    break;
            }
        });
    }
    //添加标签
    // var index=0;
    introAddNtn.onclick = function(){
    	$(".tanbiao").css("display","block")
    }
    //关闭标签弹框
    $(".tbzBtnN").click(function(){
      $(".tanbiao").css("display","none")
    })
    //开启标签弹框
    $(".tbzBtnY").click(function(){
      if($(".tbzinput").val() != ''){
        textChong($(".tbzinput").val())
        $(".tanbiao").css("display","none")
      }else{
        alert("请输入标签名")
      }
    })
    //删除标签
    function biaoJ(){
      var zt = document.querySelectorAll(".zt")
      Array.from(zt).forEach(function(a,b){
        a.onclick = function(){
          console.log(a.parentNode)
          a.parentNode.remove()
          biaoNum--
          $(".biaoK").html(biaoNum)
        }
      })
    }
    //添加标签
    function addText(textDom){
      if(biaoNum<10){
        biaoNum++
        var text = document.createElement("text");
          text.className = "text"
          introAdd.insertBefore(text,introAddNtn);

        var text1 = document.createElement("text");
          text1.className = "text1"
          text1.textContent = textDom
          text.appendChild(text1);

        var i = document.createElement("text");
          i.className = "iconfont icon-cha zt"
          text.appendChild(i);
	    	$(".biaoK").html(biaoNum)
        biaoJ()
      }else{
        alert("对比起最多只能添加10个标签")
      }
    }
    //判断标签是否存在
    function textChong(textDom){
      var text = document.querySelectorAll(".text1")
      console.log(text.length)
      if(text.length <1){
        addText(textDom)
      }else{
        var pan = true;
        Array.from(text).forEach(function(doms,inds){
          if(doms.innerHTML == textDom){
            alert("该标签已经存在，请勿重复添加")
            pan = false;
            return false;
          }
        })
        if(pan){
          addText(textDom)
        }
        
      }
    }
    //点击参考标签
    var texts = document.querySelectorAll(".texts")
    Array.from(texts).forEach(function(dom,ind){
      dom.onclick = function(){
        textChong(dom.innerHTML)
        console.log(dom.innerHTML)
      }
    })


 //图片上传
//   var delsQi = [];
//   var arrsname = [];
//   var arr = []//base64

//     $.ajax({
//       url: "https://minitest.17jxyx.com/api/v1/token/file/goods",
//       datagoods:"json",
//       beforeSend: function(request) {
//           request.setRequestHeader("token","94b5807c97432b33626849b545870985");
//       },
//       success: function(res){
//         console.log(res)
//         var token = res.token;
//         var domain = res.url;
//         var config = {
//           useCdnDomain: true,
//           disableStatisticsReport: true,
//           retryCount: 6,
//           region: qiniu.region.z2
//         };
//         var putExtra = {
//           fname: "",
//           params: {},
//           mimeType: null
//         };
//         function nam(){
//           console.log(this)
//         }
//         uploadWithSDK(token, putExtra, config, domain,'goods');
//       }
//     })
// function uploadWithSDK(token, putExtra, config, domain, typename) {
//   // 切换tab后进行一些css操作
//   var fileArr = []//file
//   var timesKey = []//时间戳
//   var boards = []
   

//     $("#select2").unbind("change").bind("change",function(){

//       var types = this.getAttribute("sid")
//       var files = this.files
//       for(var j=0;j<files.length;j++){
//         var file = this.files[j];
//         var finishedAttr = [];
//         var compareChunks = [];
//         var observable;
//           var timestamp;
//           // console.log(timestamp)
//         if (file) {
//           // console.log(file)
//           var key = file.name;
//           console.log(key)
//           if(arr.length <= num){
// 	          if(arrsname.length<1){
// 	            timestamp = Date.parse(new Date()) + j;
// 	            timesKey.push(timestamp)
// 	            fileArr.push(file)
// 	            arr.push(key)
// 	            arrsname.push(key)
// 	            // filefileArr.push(file)
// 	          }else{
// 	            var pans = true;
// 	            for (var i = 0; i < arrsname.length; i++) {
// 	              if(arrsname[i] == file.name){
// 	                pans = false;
// 	                alert('对不起，您已经添加过这张图片了');
// 	                return false;
// 	              }else{
// 	                pans = true;
// 	              }
// 	            }
// 	            if(pans){
// 	              timestamp = Date.parse(new Date()) + j;
// 	              timesKey.push(timestamp)
// 	              arr.push(key)
// 	              fileArr.push(file)
// 	              arrsname.push(key)

// 	            }else{
// 	              alert('对不起，您已经添加过这张图片了');
// 	                return false;
// 	            }
// 	          }
//           }else{
//           	alert("对不起，最多只能上传9张")
//           	return false;
//           }
//           var fr = new FileReader();
//           fr.readAsDataURL(file);
            
//             // 添加上传dom面板
//             var board = addUploadBoard(file, config, key,'base64', types, "");
//             boards.push(board)
//             console.log($(".del"))

//             dels($(".del"))
//             console.log(board)
//             if (!board) {
//               return;
//             }
//         }
//       }
//   })

//   $("#uploading").click(function(){
//     // if(fileArr.length > 0){
//     //   $("#uploadingxiang").removeClass("uploadingxiang")
//     //   $("#uploadingxiang").css("background","#ccc")
//     // }
//     var non = document.querySelectorAll(".del")
//     Array.from(non).forEach(function(domc,domd){
//       domc.classList.add("cang")
//     })
//     var ling=[]
//     fileArr.forEach(function(dom,index){
//       boards.forEach(function(boardOne,v){
//           if( v == index){
//            // putExtra.params["x:name"] = key.split(".")[0];
//         putExtra.params["x:name"] = "goods"
//         // console.log(putExtra.params["x:name"])
//         boardOne.start = true;

//     //     // 设置next,error,complete对应的操作，分别处理相应的进度信息，错误信息，以及完成后的操作
//         var error = function(err) {
//           arrsname.forEach(function(namel,namem){
//             fileArr.forEach(function(namex,namey){
//               if(namex.name == namel){
//                 arrsname.splice(namem,1)
//               }
//             })
//           })
//           arr.forEach(function(nac,nae){
//             fileArr.forEach(function(naa,nab){
//               if(naa.name == nac){
//                 arr.splice(nae,1)
//               }
//             })
//           })
//           fileArr = []//file
//           timesKey = []//时间戳
//           boards = [];
//           // $("#uploadingxiang").addClass("uploadingxiang")
//           // $("#uploadingxiang").css("background","#1963AA")
//           console.log(err);
//           alert("上传出错")
//         };

//         var complete = function(res) {
//           var obj = res;
//           console.log(res)
//           obj.type = ""
//           delsQi.push(obj)
//           ling.push(res)
//           if(ling.length >= fileArr.length){
//             // arr = []//base64
//             fileArr = []//file
//             timesKey = []//时间戳
//             boards = [];
//             // $("#uploadingxiang").addClass("uploadingxiang")
//             // $("#uploadingxiang").css("background","#1963AA")

//           }

//           if(res.name != ''){
//           	console.log(delsQi)
//             var keys = res.name; 
//             var ranks1 = keys.indexOf('.');
//             var ranks3 = ranks1;
//             var ranks = keys.slice(0,ranks3);
//              $(".tuDiv").each(function(tuDiva,tuDivb){
//                 if(tuDivb.children[0].getAttribute("did") == res.name){
//                     console.log(tuDivb.children[0].children[1])
//                     tuDivb.children[0].children[1].innerHTML = "上传完成"
//                     tuDivb.children[0].children[3].setAttribute("cid", res.img_id);
//                     tuDivb.children[0].children[3].setAttribute("eid", res.name);
//                     tuDivb.children[0].children[3].classList.remove("cang")
//                     delQiniu($(".dels"),"")
//                 }
//             })
//           }
//         };

//         var next = function(response) {
//           var chunks = response.chunks||[];
//           var total = response.total;
//           // 这里对每个chunk更新进度，并记录已经更新好的避免重复更新，同时对未开始更新的跳过
//           for (var i = 0; i < chunks.length; i++) {
//             if (chunks[i].percent === 0 || finishedAttr[i]){
//               continue;
//             }
//             if (compareChunks[i].percent === chunks[i].percent){
//               continue;
//             }
//             if (chunks[i].percent === 100){
//               finishedAttr[i] = true;
//             }
//           }
//           compareChunks = chunks;
//         };

//         var subObject = { 
//           next: next,
//           error: error,
//           complete: complete
//         };
//         var subscription;
//         var names = dom.name
//         var rank1 = names.indexOf('.');
//         var rank3 = rank1;
//         var rank = names.slice(rank3);
//         var timetamp;
//         timesKey.forEach(function(x,y){
//           if(y==index){
//             // timetamp = hex_md5(x);
//             timetamp = x;
//           }
//         })
//         var key = typename+"/"+timetamp+index+rank
//         // console.log(dom.name,key)

//     //     // 调用sdk上传接口获得相应的observable，控制上传和暂停
//         observable = qiniu.upload(dom, key, token, putExtra, config);

//         subscription = observable.subscribe(subObject);

//       }
//     })
//     })
//   })


//   function dels(dele){
//     Array.from(dele).forEach(function(doma,domb){
//       doma.onclick = function(){
//         var base64s = doma.parentNode.children[1].getAttribute("base64s")
//         // console.log(doma.parentNode.children[1].getAttribute("base64s"))
//         arr.forEach(function(a,b){
//           if(a == base64s){
//             arr.splice(b,1)
//           }
//         })
//         arrsname.forEach(function(cs,bs){
//           if(cs == base64s){
//             arrsname.splice(bs,1)
//           }
//         })
//         fileArr.forEach(function(c,d){
          
//           if(c.name == base64s){
//             fileArr.splice(d,1)
//           }
//         })
//         boards.splice(arr.indexOf(base64s,0),1)
//         timesKey.splice(arr.indexOf(base64s,0),1)

//         doma.parentNode.parentNode.remove()

//       }
//     })
//   }

//    function delQiniu(dele,type){
//     Array.from(dele).forEach(function(doma,domb){
//       doma.onclick = function(){
//         if(type == ""){
//           	arr.forEach(function(q,w){
//           		if(q == doma.getAttribute("eid")){
//           			arr.splice(arr.indexOf(q,0),1)
//           		}
//           	})
//           }
//           if(type == "xiang"){
//           	arr2.forEach(function(qq,w){
//           		if(qq == doma.getAttribute("eid")){
//           			arr2.splice(arr2.indexOf(qq,0),1)
//           		}
//           	})
//           }

//           $.ajax({
//             url: "https://minitest.17jxyx.com/api/v1/file/delete?img_id="+doma.getAttribute("cid")+"&type="+typename,
//             type:"delete",
//             contentType:"application/json",
//             dataType:"json",
//             beforeSend: function(request) {
//                 request.setRequestHeader("token","94b5807c97432b33626849b545870985");
//             },
//             success: function(res){
//               // console.log(res)
//               delsQi.forEach(function(po,ins){
//                 if(po.img_id == doma.getAttribute("cid")){
//                   delsQi.splice(ins,1)
//                 }
//               })

//               doma.parentNode.parentNode.remove()
//             },
//             error: function(res){
//               console.log(res)
//             },

//           })

//       }
//     })

//   }
// }




</script>
</html>